<style type="text/less">
    @import "/web/public/public.less";
    .article-ad{
        a{
            position: relative;
            display: inline-block;
            .add_tag{
                position: absolute;
                top: 10px;
                right: 15px;
                padding: 2px;
                color: #ffffff;
                font-size: 12px;
            }
        }
        .article-ad-one {
            margin-top: 20px;
            img{
                width: 300px;
                height: 100px;
            }
        }
        .article-ad-two {
            margin-top: 20px;
            img{
                width: 300px;
                height: 200px;
            }
        }
        .article-ad-three {
            margin-top: 20px;
            img{
                width: 300px;
                height: 200px;
            }
        }
    }
</style>
<script src="/web/lib/less.min.js"></script>
<div id="article-ad" class="article-ad">
    <#if adList[0].adShowStatus == 1>
        <div id="article-ad-one" class="article-ad-one">
            <#if adList[0].jumpUrl?? && adList[0].jumpUrl != ''>
                <a href="${adList[0].jumpUrl}" target="_blank" rel="nofollow">
                    <#if adList[0].adLogoStatus == 1><p class="add_tag">广告</p></#if>
                    <img src="${adList[0].imgUrl}">
                </a>
            <#else>
                <a href="javascript:" rel="nofollow">
                    <#if adList[0].adLogoStatus == 1><p class="add_tag">广告</p></#if>
                    <img src="${adList[0].imgUrl}">
                </a>
            </#if>
        </div>
    </#if>
    <#if adList[1].adShowStatus == 1>
        <div id="article-ad-two" class="article-ad-two">
            <#if adList[1].jumpUrl?? && adList[1].jumpUrl != ''>
                <a href="${adList[1].jumpUrl}" target="_blank" rel="nofollow">
                    <#if adList[1].adLogoStatus == 1><p class="add_tag">广告</p></#if>
                    <img src="${adList[1].imgUrl}">
                </a>
            <#else>
                <a href="javascript:" rel="nofollow">
                    <#if adList[1].adLogoStatus == 1><p class="add_tag">广告</p></#if>
                    <img src="${adList[1].imgUrl}">
                </a>
            </#if>
        </div>
    </#if>
    <#if adList[2].adShowStatus == 1>
        <div id="article-ad-three" class="article-ad-three">
            <#if adList[2].jumpUrl?? && adList[2].jumpUrl != ''>
                <a href="${adList[2].jumpUrl}" target="_blank" rel="nofollow">
                    <#if adList[2].adLogoStatus == 1><p class="add_tag">广告</p></#if>
                    <img src="${adList[2].imgUrl}">
                </a>
            <#else>
                <a href="javascript:" rel="nofollow">
                    <#if adList[2].adLogoStatus == 1><p class="add_tag">广告</p></#if>
                    <img src="${adList[2].imgUrl}">
                </a>
            </#if>
        </div>
    </#if>
</div>